<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>新增档案</title>
    <link rel="stylesheet" href="../css/bootstrap.min.css"/>
    <script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
    <script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
    <script src="https://cdn.staticfile.org/vue/2.4.2/vue.min.js"></script>
    <script src="https://cdn.staticfile.org/axios/0.18.0/axios.min.js"></script>
    <script src="/js/auth.js"></script>
</head>
<body style="background-color: #f5f5f5">
<div class="container">

    <div id="app" style="background-color: white;width: 1000px;height: 650px;text-align: center;margin: auto;">
        <div style="margin: 10px;background-color: yellowgreen">
            <span style="color: #00F7DE;font-size:30px ">档案修改</span>
        </div>
        <div class="input-group input-group-lg" style="margin: auto;padding-top: 5px">
					<span class="input-group-addon">姓名：
					</span>
            <input type="text" id="getname" class="form-control" v-model="name">
        </div>
        <div class="input-group input-group-lg" style="margin: auto;padding-top: 5px">
					<span class="input-group-addon">年龄：
					</span>
            <input type="text" id="getage" class="form-control" v-model="age">
        </div>
        <div class="input-group input-group-lg" style="margin: auto;padding-top: 5px">
					<span class="input-group-addon">电话：
					</span>
            <input type="text" id="getphone" class="form-control" v-model="phone">
        </div>
        <div class="input-group input-group-lg" style="margin: auto;padding-top: 5px">
					<span class="input-group-addon">邮箱：
					</span>
            <input type="text" id="getmail" class="form-control" v-model="mail">
        </div>

        <br/><br/><br/>
        <button type="button" class="btn btn-success" style="width: 100px;margin: auto" @click="send()">提交</button>
    </div>

</div>
<script type="text/javascript">
    let p = {headers}
    new Vue({
        el: "#app",
        data: {
            name: "",
            age: "",
            phone: "",
            mail: "",
            profile: "",
            uid: 1
        },
        methods: {
            send: function () {
                axios.post(
                    "/profile/profile/update", {
                        "name": this.uname,
                        "age": this.age,
                        "phone": this.phone,
                        "mail": this.mail,
                        "uid": this.uid
                    }, p,
                ).then(res => {
                    console.info(res.data);
                });
            }
        }
    });
</script>
</body>
</html>